<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <!-- 
        autoplay:自动播放
        controls:控制ui
        muted:静音播放
        loop:循坏播放

     -->
    <video autoplay controls muted loop style="width: 1000px;">
        <!-- 为了更好的兼容更大浏览器播放格式 -->
        <source src="xxx.mp4">
        <source src="xxx.webm">
            <p>
                对不起，您的浏览器不支持video元素,请先下载安装新版本浏览器
            </p>
    </video>

    <audio autoplay controls muted loop src="" style="width: 1000px;"></audio>
</body>

</html>